<template>
    <div class="list-main">
        <Item 
        v-for="item in todoArr" :key="item.id" 
        :todoObj="item"
        :checkTodo="checkTodo"
        :delTodo="delTodo"
        ></Item>
    </div>
</template>

<script>
import Item from './Item'
    export default {
        name: 'List',
        components:{
            Item
        },
        data() {
            return {
                
            }
        },
        props:['todoArr','checkTodo','delTodo']
    }
</script>

<style lang="scss" scoped>
    .list-main{
        width: 480px;
        // height: 400px;
        // border: 1px solid red;
    }
</style>